<!--  -->
<template>
  <div>
<router-link to="" active-class="active">首页</router-link>
<router-link to="/list" active-class="active">课程</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  data () {
    return {
    };
  },

  computed: {},

  mounted(){},

  methods:{},
  watch: {},
  mixins: []
}

</script>
<style  scoped>
    a{
        margin-left: 30px; 
    }
    .active{
        color: blue;
    }

</style>